<html>
<head>
    <title>文件下载</title>
</head>
<body>
<div id="jieguo" class="container">
    文件正在生成中，请稍等。。。。。。
</div>
<a id="downlink" href="" download="" style="display: none">下载</a>
<script>
    filename = '{{ $data['filename'] }}';
    url = "/admin/downtxtcheck?filename="+filename;

    //每秒GET请求一次URL，如果code 不是 0 结果中显示错误文案，结束轮询
    //如果code 是 0 判读status是不是2  如果是2结束轮询，自动打开链接下载文件
    //document.getElementById('downlink').click();
    var jieguo = document.getElementById('jieguo');
    var intervalId = setInterval(function() { // 发送GET请求
        fetch(url) .then(function(response) {return response.json();})
            .then(
                function(data) {
                    var code = data.code;
                    var status = data.status;
                    if (code !== 0) {
                        // 显示错误文案
                        //console.log(data.error);
                        jieguo.innerHTML = '请求出错';
                        clearInterval(intervalId); // 结束轮询
                    }else if (status === 2) { // 打开链接下载文件
                        //window.open(data.fileUrl);
                        var link = document.getElementById('downlink');
                        link.href=data.filedown;
                        link.click();
                        link.style.display = "block";
                        jieguo.innerHTML = '文件生成成功，系统将自动弹出下载，如果弹出失败可手动点击下载按钮';
                        clearInterval(intervalId); // 结束轮询
                    }
                })
            .catch(function(error) {
                //console.log('请求出错:', error);
                jieguo.innerHTML = '请求出错';
                clearInterval(intervalId); // 结束轮询
        });
    }, 2000);

</script>

</body>
</html>
